基本内容
定义
正则描述了一种字符串的匹配的模式 ,可以用来检查一个字符串是否包含某个子串或者是替换某个子串;一般用于表单验证,数据过滤,格式检查,数据采集,数据隐藏.
元字符
所谓元字符是用来说明匹配类型的,比如
| . | 匹配换行符以外的任意字符 |
|---|---|
| w word | 匹配数字，字母，下划线，汉字 |
| s space | 匹配任意的空白符 |
| d digital | 匹配0-9之间数字 |
| b border | 匹配单词的开始或结束 作为边界 |
| ^ | 匹配字符串的开始，以XX开头 |
| ^在[]里面表示否定，除了[]之外的 | |
| $ | 匹配字符串的结尾，以XX结尾 |
限定符
规定紧接着的匹配的数量，与全局匹配global不一样，这里的是单个
| * | 重复零次或更多 |
|---|---|
| + | 重复一次或更多 |
| ? | 重复零次或一次 |
| {n} | 重复n次 |
| {n,} | 重复n次或更多 |
| {n,m} | 重复n-m次 |
| \ | 转义字符，匹配需要的元字符 |
处理选项
| i ignoreCase | 忽略大小写 |
|---|---|
| m multiline | 多行匹配 |
| g global | 全局匹配 |
| lastIndex | 当前表达式匹配内容的最后一个字符串的下一个位置 |
| source | 正则的文本字符串 |
以上代码演示
var str='cat ,greatacatbat cat'
console.log(str.replace(/(\bcat\b)/g,'*'))//* ,greatacatbat *
var str='123abc'
console.log(str.replace(/\d?/,'*')) // *23abc
console.log(str.replace(/\d+/,'*')) // *abc
console.log(str.replace(/\d{2,3}/,'*')) // *abc贪婪和懒惰
看上面的代码可知，限定符总是尽可能多的匹配，我们称之为贪婪 ，但是有时候不需要这么贪婪，反而需要的是懒惰，也就是尽少的匹配，那么？即可表示
| *？ | 重复任意次，但尽少匹配 |
|---|---|
| +？ | 重复最少一次，但尽少匹配 |
| ?? | 重复0或1次，但尽少匹配 |
| {n,m}? | 重复n-m次，但尽少匹配 |
| {n,}? | 重复至少n次，但尽少匹配 |
字符类
匹配自己规定的字符，一般用方括号[]，[abcd]匹配abcd中任意一个
这样前面的元字符可有[0-9]匹配d [a-zA-Z0-9]匹配w
分支条件 有时候不只是一种匹配规则，比如电话号码，那么就需要| 把不同的规则分开
0\d{2}-\d{8}|0\d{3}-\d{7} 匹配的就是两种不同的电话号码
反义
所谓反义就是匹配除了之外的所有
| W D S B | 与原来的相反 |
|---|---|
| [^abcd] | 匹配除abcd以外的任意字符 |
分组
重复单个字符直接加元字符；重复多个字符则需要用()括起来再加元字符
(\d{1,3}\.){3}匹配1-3为数字加点 重复3次
调整分组 每个分组都可以用$数字表示，第一个即\$1 这是在replace中表示；在正则自己中则用数字
忽略分组 ?: 用来忽略组，原来的组就被忽略了，数字也就变化了
正向前瞻 (?=d) 负向前瞻 (?!d) 预测前方是否符合条件
var data='2014-02-12'
console.log(data.replace(/(\d{4})-(\d{2})-(\d{2})/,'$3/$2/$1')) // 12/02/2014
var number='123456789'
console.log(number.replace(/(\d{3})(?=\d{3})/g,'$1,')) // 123,456,789
var str='foo foo bar'
console.log(/(\w+)\s\1/.test(str)) //true 在正则自己中用\数字表示分组
var one='a1b1c1'
console.log(one.replace(/[a-z]\d/g,'*')) //***
/?:(\d+)/ //忽略此次分组js中正则的使用属性
RegExp实例属性
这些属性基本没多大用，只是个属性而已，都能在正则的字面量或构造函数中得出global ignoreCase lastIndex multiline source
js中的RegExp对象
javascript通过内置对象RegExp支持正则表达式两种方法实例化RegExp对象
字面量方法 var reg=/d/gim
构造函数方法 var reg=new RegExp('d','g')
RegExp的实例方法
exec方法 返回包含第一个匹配项信息的数组(没有则null)，返回结果有input属性(应用正则的字符串)和index属性(匹配项在字符串中位置)；对于exec而言，没有设置g index始终为第一个匹配的，设置g index则会依次从下一个开始；但是结果是一样的
var text="mom and dad and child"
var reg1=/mom( and dad( and child)?)?/gim
var result1=reg1.exec(text)
console.log(result1) //["mom and dad and child", " and dad and child", " and child"] index: 0 input: "mom and dad and child"
console.log(result1.index) //0
console.log(result1.input) //mom and dad and child
console.log(result1[0]) //mom
console.log(result1[1]) //and dad and child
console.log(result1[2]) //and childtest()方法 返回布尔值，检验字符串是否与正则相匹配，常与if语句，表单验证结合
toString方法 返回正则字面量
toLocaleString()方法 返回正则字面量
valueOf方法 返回的是正则本身 typeof 则为Object
var reg=/\d/
console.log(reg.test('123')) // true
console.log(reg.toString()) // /\d/
console.log(reg.toString().length) //4
console.log(reg.toLocaleString()) // /\d/
console.log(typeof reg.valueOf()) // object与正则相关的string的方法
search方法 接受一个参数：正则或字符串 返回的是第一个的索引，没有则null
split方法 字符串切割为数组
replace方法 两个参数：第一个参数为字符串或正则；第二个参数为字符串或函数；函数接受三个参数，match匹配的字符串、index匹配项在字符串位置、origin原字符串
var one='u3n12'
console.log(one.search(/\d/)) //3
console.log(one.split('')) //[ "u", "3", "n", "1", "2"]
console.log(one.replace(/\d/g,'*'))
console.log(one.replace(/\d/g,function(match,index,origin){
return parseInt(match)+1 //u4n23
}))match方法 接受一个参数：正则或RegExp对象 返回的是一个匹配文本有关的数组，没有则null
有g时，则全局匹配，返回数组存放字符串中所有匹配子串，没有input和index属性
没有g时，则非全局匹配，返回数组的第一个元素存放的是匹配文本，其余元素存放的是与正则的子表达式匹配的文本；数组两个对象属性，index和input，和正则的exec方法相似
var one='u3n12'
console.log(one.match(/\d/)) //["3"] index: 1, input: "u3n12"
console.log(one.match(/\d/g)) //["3", "1", "2"] var text="mom and dad and child"
var reg1=/mom( and dad( and child)?)?/im
var reg2=/mom( and dad( and child)?)?/gim
console.log(text.match(reg1)) //["mom and dad and child", " and dad and child", " and child"] //index: 0 input: "mom and dad and child"
console.log(text.match(reg2)) //["mom and dad and child"]比较exec和match
exec是正则表达式的方法；match是字符串的方法；但是返回结果都是数组
当没有子串时
exec结果不受g影响，返回的数组为第一项匹配；match返回的结果受g影响，当没有g则返回第一项匹配，当有g则返回整个数组
当有子串时
exec返回结果不受g影响，返回的是多项数组；match返回结果受g影响，当没有g则返回多项数组，当有g则只返回整个数组
讨论的两种情况
var str='mom234mom45'
var reg=/\w{3}/
var reg2=/\w{3}/gim
console.log(str.match(reg)) //["mom"]
console.log(reg.exec(str)) //["mom"]
console.log(str.match(reg2)) //["mom", "234", "mom"]
console.log(reg2.exec(str)) //["mom"]一些实际例子
将ab,cd,ef 字母倒置
var name='ab,cd,ef'
var name2=name.split(';') //分为数组
for(var i=0;i<name2.length;i++){
name2[i]=name2[i].replace(/(\w)(\w)/,"$2$1") //遍历倒置
}
console.log(name2) //ba,dc,fe两个网站
正则可视化
常用的正则
一、校验数字的表达式
1 数字：^[0-9]*$
2 n位的数字：^\d{n}$
3 至少n位的数字：^\d{n,}$
4 m-n位的数字：^\d{m,n}$
5 零和非零开头的数字：^(0|[1-9][0-9]*)$
6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$
8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$
9 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$
10 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$
11 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$
12 非零的负整数：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$
13 非负整数：^\d+$ 或 ^[1-9]\d*|0$
14 非正整数：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$
15 非负浮点数：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
16 非正浮点数：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$
17 正浮点数：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
18 负浮点数：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
19 浮点数：^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$
二、校验字符的表达式
1 汉字：^[\u4e00-\u9fa5]{0,}$
2 英文和数字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$
3 长度为3-20的所有字符：^.{3,20}$
4 由26个英文字母组成的字符串：^[A-Za-z]+$
5 由26个大写英文字母组成的字符串：^[A-Z]+$
6 由26个小写英文字母组成的字符串：^[a-z]+$
7 由数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$
8 由数字、26个英文字母或者下划线组成的字符串：^\w+$ 或 ^\w{3,20}$
9 中文、英文、数字包括下划线：^[\u4E00-\u9FA5A-Za-z0-9_]+$
10 中文、英文、数字但不包括下划线等符号：^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$
11 可以输入含有^%&',;=?$\"等字符：[^%&',;=?$\x22]+
12 禁止输入含有~的字符：[^~\x22]+
三、特殊需求表达式
1 Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
2 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?
3 InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
4 手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
5 电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$
6 国内电话号码(0511-4405222、021-87888822)：\d{3}-\d{8}|\d{4}-\d{7}
7 身份证号：
15或18位身份证：^\d{15}|\d{18}$
15位身份证：^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$
18位身份证：^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$
8 短身份证号码(数字、字母x结尾)：^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$
9 帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
10 密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：^[a-zA-Z]\w{5,17}$
11 强密码(必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间)：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
12 日期格式：^\d{4}-\d{1,2}-\d{1,2}
13 一年的12个月(01～09和1～12)：^(0?[1-9]|1[0-2])$
14 一个月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$
15 钱的输入格式：
16 1.有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00", 和没有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]*$
17 2.这表示任意一个不以0开头的数字,但是,这也意味着一个字符"0"不通过,所以我们采用下面的形式：^(0|[1-9][0-9]*)$
18 3.一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号：^(0|-?[1-9][0-9]*)$
19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分：^[0-9]+(.[0-9]+)?$
20 5.必须说明的是,小数点后面至少应该有1位数,所以"10."是不通过的,但是 "10" 和 "10.2" 是通过的：^[0-9]+(.[0-9]{2})?$
21 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样：^[0-9]+(.[0-9]{1,2})?$
22 7.这样就允许用户只写一位小数.下面我们该考虑数字中的逗号了,我们可以这样：^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$
23 8.1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须：^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$
24 备注：这就是最终结果了,别忘了"+"可以用"*"替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里
25 xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$
26 中文字符的正则表达式：[\u4e00-\u9fa5]
27 双字节字符：[^\x00-\xff] (包括汉字在内，可以用来计算字符串的长度(一个双字节字符长度计2，ASCII字符计1))
28 空白行的正则表达式：\n\s*\r (可以用来删除空白行)
29 HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? /> (网上流传的版本太糟糕，上面这个也仅仅能部分，对于复杂的嵌套标记依旧无能为力)
30 首尾空白字符的正则表达式：^\s*|\s*$或(^\s*)|(\s*$) (可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式)
31 腾讯QQ号：[1-9][0-9]{4,} (腾讯QQ号从10000开始)
32 中国邮政编码：[1-9]\d{5}(?!\d) (中国邮政编码为6位数字)
33 IP地址：\d+\.\d+\.\d+\.\d+ (提取IP地址时有用)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。